<template>
  <el-form :model="form" label-width="140px" class="demo-form-inline" style="width: 100%;padding: 10px">  
    <el-row :gutter="20" style="margin:10px 0;">   
      <el-col :span="8">  
        <!-- <el-form-item label="重点关注涉案金额">  
          <el-select v-model="form.option1" placeholder="请选择">  
            <el-option  
              v-for="item in options1"  
              :key="item.value"  
              :label="item.label"  
              :value="item.value">  
            </el-option>  
          </el-select>  
        </el-form-item>  -->
        <el-form-item label="法综系统案号">  
          <el-input style="width: 79%;">  
            
          </el-input>  
        </el-form-item>
        <el-form-item label="高频阈值调整">  
          <el-select v-model="form.option2" placeholder="请选择" style="width: 79%;">  
            <el-option  
              v-for="item in options2"  
              :key="item.value"  
              :label="item.label"  
              :value="item.value">  
            </el-option>  
          </el-select>  
        </el-form-item>
        <el-form-item label="查控余额调整">  
          <el-select v-model="form.option3" placeholder="请选择" style="width: 79%;">  
            <el-option  
              v-for="item in options3"  
              :key="item.value"  
              :label="item.label"  
              :value="item.value">  
            </el-option>  
          </el-select>  
        </el-form-item>
        <el-form-item label="抓取数量范围">  
          <el-select v-model="form.option4" placeholder="请选择" style="width: 79%;">  
            <el-option  
              v-for="item in options4"  
              :key="item.value"  
              :label="item.label"  
              :value="item.value">  
            </el-option>  
          </el-select>  
        </el-form-item>
        <el-form-item label="抓取时间范围">  
          <el-select v-model="form.option5" placeholder="请选择" style="width: 79%;">  
            <el-option  
              v-for="item in options5"  
              :key="item.value"  
              :label="item.label"  
              :value="item.value">  
            </el-option>  
          </el-select>  
        </el-form-item> 
      </el-col>  
    </el-row>  
    <el-form-item>  
      <el-button type="primary" style="width: 10%;" @click="showAlert">保存并反馈</el-button>  
    </el-form-item>  
  </el-form>  
</template>

<script>
import { request } from '@/utils/request';
import axios from 'axios';

export default {
  name: 'HomeView5',
  components: {

  },
  mounted() {  
     
  }, 
  data() {
    return {
      form: {   
        option1: '1~5（万）',
        option2: '10%'  ,
        option3: '500（元）'  ,
        option4: '<500'  ,
        option5: '<90（天）'  ,
      },  
      options1: [  
        { value: 'option1', label: '0~1（万）' },  
        { value: 'option2', label: '1~5（万）' },  
        { value: 'option3', label: '5~10（万）' } ,
        { value: 'option4', label: '10~50（万）' },
        { value: 'option5', label: '50~100（万）' } ,
        { value: 'option6', label: '100~（万）' }
      ],
      options2: [  
        { value: 'option1', label: '1%' },  
        { value: 'option2', label: '5%' },  
        { value: 'option3', label: '10%' } ,
        { value: 'option4', label: '20%' },
        { value: 'option5', label: '40%' } ,
        { value: 'option6', label: '60%' },
        { value: 'option7', label: '80%' },
        { value: 'option8', label: '100%' }
      ],
      options3: [  
        { value: 'option1', label: '0（元）' },  
        { value: 'option2', label: '100（元）' },  
        { value: 'option3', label: '500（元）' } ,
        { value: 'option4', label: '1000（元）' },
        { value: 'option5', label: '5000（元）' } ,
        { value: 'option6', label: '10000（元）' },
        { value: 'option7', label: '20000（元）' },

      ],
      options4: [  
        { value: 'option1', label: '<50' },  
        { value: 'option2', label: '<100' },  
        { value: 'option3', label: '<500' } ,
        { value: 'option4', label: '<1000' },
        { value: 'option5', label: '<5000' } ,


      ],
      options5: [  
        { value: 'option1', label: '<5（天）' },  
        { value: 'option2', label: '<10（天）' },  
        { value: 'option3', label: '<20（天）' } ,
        { value: 'option4', label: '<30（天）' },
        { value: 'option5', label: '<60（天）' } ,
        { value: 'option5', label: '<90（天）' } ,
        { value: 'option5', label: '<120（天）' } ,
        { value: 'option5', label: '<180（天）' } ,
        { value: 'option5', label: '<240（天）' } ,
        { value: 'option5', label: '<360（天）' } ,


      ],
      search: {
        name: '',
        phone: '',
        idCard: ''
      },
      tableData: [],
      currentPage: 1,
      pageSize: 10,
      total: 0
    };
  },
  
  methods: {
    load() {
      
    },
    showAlert() {  
      // 使用原生JavaScript的alert函数弹出提示框  
      alert('保存成果成功！');  
    }, 
  }
}
</script>
